<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:replace="themes/jantent/header::header(null,null)"></div>
<body>
<div class="am-g am-g-fixed blog-fixed index-page">
    <div class="am-u-sm-12">
        <div th:each="article: ${articles.list}">

            <article class="am-g blog-entry-article">
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-img">
                    <img th:src="@{${commons.show_thumb(article)}}" alt="" class="am-u-sm-12"/>
                </div>
                <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                    <!-- 文章分类 -->
                    <span class="blog-color" th:utext="${commons.show_categories(article.categories)}"></span>
                    <span>&nbsp;&nbsp;&nbsp;</span>
                    <!-- 发布时间 -->
                    <span th:text="'发布于 '+ ${commons.fmtdate(article.created)}"></span>
                    <h2>
                        <div>
                            <a th:href="${commons.permalink(article)}"
                                th:text="${article.title}"></a>
                        </div>
                    </h2>
                    <!-- 文章摘要-->
                    <div th:utext="${commons.intro(article,75)}"></div>
                </div>
            </article>

        </div>

        <div class="am-pagination">
            <div th:replace="comm/macros::pageNav(${articles},'←','→','page')"></div>
        </div>
    </div>


    <!--<div class="am-u-md-4 am-u-sm-12 blog-sidebar">-->
        <!--<div class="blog-sidebar-widget blog-bor">-->
            <!--<h2 class="blog-text-center blog-title"><span>公司简介</span></h2>-->
            <!--<img th:src="@{/jantent/assets/img/f161.jpg}" alt="about me" class="blog-entry-img"/>-->
            <!--<p >-->
                <!--东莞市梦淘电子科技贸易有限公司-->
            <!--</p>-->
            <!--<div style="font-size: 14px; text-indent:2em;padding-bottom: 18px;" >   东莞市梦淘电子科技贸易有限公司是由广东运管部门批准，专门从事全国各地运输服务的股份制企业。本公司拥有一批专业的管理人员和专业的运输队伍，以严格，科学的管理手段，现代化的办公设施，为客户提供最优质的服务。-->

                <!--公司主要以公路运输为主，-->
                <!--热烈期望能结识更多的合作伙伴，相信我们的强强联合将使我们的商路越走越远!-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="blog-sidebar-widget blog-bor">-->
            <!--<h2 class="blog-text-center blog-title"><span>联系我们</span></h2>-->
            <!--<p>-->
                <!--地  址：广东省深圳市龙岗区龙城大道25号特丰楼-->
            <!--</p >-->

            <!--<p >-->
                <!--电  话：0755-84827412-->
            <!--</p>-->

            <!--<p >-->
                <!--传  真：0755-84827412-->
            <!--</p>-->
            <!--<p >-->
                <!--邮  箱：1904902404@qq.com-->
            <!--</p>-->
        <!--</div>-->
        <!--<div class="blog-clear-margin blog-sidebar-widget blog-bor am-g ">-->
            <!--<h2 class="blog-title"><span>TAG cloud</span></h2>-->
            <!--<div class="am-u-sm-12 blog-clear-padding">-->
                    <!--<th:block th:each="c : ${categories}">-->
                            <!--<th:block th:if="${c.name == '默认分类'}">-->
                                <!--<a th:href="${commons.showCategoryUrl(c)}" class="blog-tag">-->
                                    <!--<th:block th:text="${c.name}"/>-->
                                    <!--<th:block th:text="' ('+${c.count}+')'"/>-->
                                <!--</a>-->
                            <!--</th:block>-->
                            <!--<th:block th:unless="${c.name == '默认分类'}">-->
                                <!--<a th:href="${commons.showCategoryUrl(c)}" class="blog-tag">-->
                                    <!--<th:block th:text="${c.name}"/>-->
                                    <!--<th:block th:text="' ('+${c.count}+')'"/>-->
                                    <!--<span class="caret"></span>-->
                                <!--</a>-->
                            <!--</th:block>-->

                    <!--</th:block>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
</div>
</body>
<div th:replace="themes/jantent/footer::footer"></div>
</html>
